<template>
    <div>
        <li v-for="item in list" :key="item.id">
            <router-link :to="'/travel/detail?id='+item.id">
                <img :src="item.imageIndexFull" alt="">
                <h1>{{item.title}}</h1>
                <h2>{{item.description}}</h2>
            </router-link>
        </li>
    </div>
</template>

<script>
    export default {
        name: "image-table-list",
        props: ['list'],
    }
</script>

<style>
    @import "../assets/travel/css/base.css";
    @import "../assets/travel/css/other.css";
</style>